@charset "utf-8";

.my_info {position: relative;overflow: hidden;height: 100px;padding: 15px 10px 15px 90px;margin-bottom: 10px;border-bottom: 1px solid #e0e0e0;background-color: #fff;box-sizing: border-box;}
.my_info img {position: absolute;top: 15px;left: 10px;width: 70px;height: 70px;overflow: hidden;border-radius: 50%;}
.my_info .user_info {padding-top: 15px;}
.my_truck_info .user_info {padding-top: 5px;}
.my_truck_info .truck_number {color: #999;}
.my_info .user_info::after {position: absolute;top: 50%;right: 10px;width: 8px;height: 15px;overflow: hidden;margin-top: -7px;background: url(../img/icon_other.png) -65px 0 no-repeat;background-size: 73px 15px;content: "";}
.my_info .user_info .name {font-size: 16px;}
.my_info .user_info .icon_star {position: relative;display: inline-block;width: 75px;height: 15px;margin-left: 10px;vertical-align: middle;font-size: 0;background: none;}
.my_info .user_info .icon_star::after,
.my_info .user_info .icon_star::before {position: absolute;top: 0;left: 0;width: 75px;height: 15px;background: url(../img/icon_info_truck.png) 0 -45px no-repeat;content: "";background-size: 118px 106px;z-index: 1;}
.my_info .user_info .icon_star::before {background-position: 0 -25px;z-index: 2;}
.my_info .user_info .star_1::before {width: 15px;}
.my_info .user_info .star_2::before {width: 30px;}
.my_info .user_info .star_3::before {width: 45px;}
.my_info .user_info .star_4::before {width: 60px;}
.my_info .user_info .star_5::before {width: 75px;}
.my_info .user_info .company {font-size: 12px;color: #999;}
.my_info .user_info .company .icon {vertical-align: -2px;}

.my_info_option {overflow: hidden;margin-bottom: 10px;border-top: 1px solid #e0e0e0;background-color: #fff;}
.my_info_option li {position: relative;float: left;width: 25%;height: 100px;overflow: hidden;padding-top: 65px;text-align: center;border: solid #e0e0e0;border-width: 0 1px 1px 0;box-sizing: border-box;color: #333;}
.my_info_option li:nth-child(4) {border-left: 0 none;}
.my_info_option li .icon {position: absolute;top: 20px;left: 50%;width: 40px;height: 40px;margin-left: -20px;background: url(../img/icon_setting.png) 0 0 no-repeat;background-size: 175px 130px;}
.my_info_option li .icon_my_info_2 {background-position: -45px 0;}
.my_info_option li .icon_my_info_3 {background-position: -90px 0;}
.my_info_option li .icon_my_info_4 {background-position: -135px 0;}
.my_info_option li .icon_my_info_5 {background-position: 0 -45px;}
.my_info_option li .icon_my_info_6 {background-position: -45px -45px;}
.my_info_option li .icon_my_info_7 {background-position: -90px -45px;}
.my_info_option li .icon_my_info_8 {background-position: -135px -45px;}
.my_info_option li .icon_my_info_9 {background-position: 0 -90px;}

.my_truck_info {overflow: visible;margin-bottom: 54px;}
.my_truck_info .contact_info {position: absolute;bottom: -46px;left: 0;right: 0;overflow: hidden;background-color: #fff;border-bottom: 1px solid #e0e0e0;}
.my_truck_info .contact_info a {float: left;width: 50%;height: 44px;overflow: hidden;padding-top: 13px;text-align: center;box-sizing: border-box;color: #666;}
.my_truck_info .contact_info .icon {vertical-align: middle;margin-right: 3px;}
.my_truck_info .contact_info a+a {border-left: 1px solid #e0e0e0;}
.my_truck_info_list {overflow: hidden;margin-bottom: 20px;padding:5px 10px;border: solid #e0e0e0;border-width: 1px 0;background-color: #fff;}
.my_truck_info_list li {position: relative;overflow: hidden;padding: 2px 0 2px 80px;color: #999;}
.my_truck_info_list li span {position: absolute;top: 2px;left: 0;}
.my_truck_info_list li em {color: #333;}

.btn_shipment {display: block;width: 92%;height: 40px;overflow: hidden;margin: 0 auto;line-height: 40px;text-align: center;font-size: 15px;color: #fff;background-color: #ff8800;box-sizing: border-box;border-radius: 5px;}